#main-container{
    background-color: #222538;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;;
}

h2{
    font-size: 1.3em;
    padding-left: 0.5em;
    line-height: 1.4em;
}

.card-body{
    position: relative;
    height: 100%;
}

td{
    color: #fff;
}

th{
    color: #fff;
}

/**
顶部
*/
#overView-header-container{
    width: 100%;
    height: 36px;
    left: 0%;
    top: 0%;
    text-align: left;
    padding: 0;
}

#overView-header-container h1{
    color: white;
    font-size: 1.8em;
    line-height: 1.4em;
    padding-left: 0.5em;
}

#overView-title-container{
    width: 240px;
}


#menu-container{
    right: 0;
    padding: 0;
    line-height: 36px;

}

span{
    color: white;
}


/**
    地图部分
*/
#timeChart{
    width: 56%;
    height: 100%;
    left: 22%;
    top: 0%;
    /*padding: 0;*/
}

#attackSourceChart{
    width: 54%;
    height: 64%;
    left: 23%;
    top: 18%;
    padding: 0;
}

#attackSourceTitle{
    position: absolute;
    width: 30%;
    left: 35%;
    top: 25%;
    text-align: center;
    color: #fff;
    font-size: 1.3em;
    font-weight: bold;
}

#overview-rating{
    position: absolute;
    top: 4%;
    width: 100%;
    text-align: center;
}

.ant-rate-text{
    color: white;
    font-size: 20px;
}

/**
    左侧web部分
*/
#webStreamContainer{
    width: 25%;
    height: 25%;
    left: 0;
    top: 40px;
}

#attackTypeContainer{
    width: 25%;
    height: 25%;
    top: calc(25% + 40px);
    left: 0;
}

#attackEventsContainer{
    width: 25%;
    height: calc(50% - 40px);
    left: 0%;
    top: calc(50% + 40px);
}


/**
    右侧防火墙部分
*/
#firewallStreamContainer{
    width: 25%;
    height: 30%;
    right: 0;
    top: 40px;
}

#abnormalTypeContainer{
    width: 25%;
    height: 30%;
    right: 0;
    top: calc(30% + 40px);
}

#abnormalEventsContainer{
    width: 25%;
    height: calc(40% - 40px);
    right: 0%;
    top: calc(60% + 40px);
}





